* {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
  display: inline-block;
}

a {
  text-decoration: none;
}

#top {
  width: 100%;
  height: 33px;
  font-size: 12px;
  border-bottom: 1px solid #eeeeee;
  background: #f7f7f7;
  color: #969696;
  line-height: 33px;
}

.top-con {
  width: 1200px;
  margin: auto;
}

#xx {
  width: 240px;
  height: 30px;
  background: #f7f7f7;
  display: none;
  float: left;
  text-align: right;
}

.top-l {
  width: 230px;
  height: 33px;
  float: left;
}

.top-l li {
  display: inline-block;
}

#login {
  width: 240px;
  height: 33px;
  color: #969696;
  float: left;
}

.top-l .d2 {
  height: 33px;
}

.top-l .d2:hover .city {
  display: block;
}

.top-r {
  width: 850px;
  float: right;
  font-size: 12px;
}

.top-r li a {
  color: #969696;
  text-decoration: none;
}

.top-r a:hover {
  color: #228B22;
}

.top-r li:nth-child(2) {
  width: 68px;
  text-align: center;
}

.top-r li:nth-child(3) {
  width: 80px;
  text-align: center;
}

.top-r li:nth-child(4):hover .top-add1 {
  display: block;
  background: #fff;
}

.top-r li:nth-child(4):hover .tubiao {
  transform: rotateY(180deg);
}

.top-r li:nth-child(4) {
  width: 71px;
}

.top-r li:nth-child(5):hover .iphone {
  display: block;
}

.top-r li:nth-child(5) {
  width: 90px;
  text-align: center;
}

.top-r li:nth-child(5):hover .help {
  display: block;
  border: 1px solid #dadada;
}

.top-r li:nth-child(5):hover a {
  background: #fff;
}

.top-r li:nth-child(6) {
  width: 78px;
  height: 22px;
  text-align: center;
}

.top-r li:nth-child(7):hover .net-nav {
  display: block;
}

.top-r li:nth-child(7) {
  width: 87px;
  height: 30px;
}

.top-r li:nth-child(8) {
  width: 30px;
}

.top-add1 {
  width: 80px;
  height: 118px;
  border: 1px solid #dadada;
  position: absolute;
  top: 33px;
  right: 385px;
  z-index: 100;
  background: #fff;
  display: none;
}

.top-add1 span {
  display: block;
  width: 80px;
  height: 23px;
}

.help {
  width: 80px;
  height: 150px;
  border: 1px solid #dadada;
  position: absolute;
  top: 33px;
  right: 193px;
  z-index: 100;
  background: #fff;
  line-height: 24px;
  display: none;
}

.city {
  width: 400px;
  height: 250px;
  border: 1px solid #dadada;
  position: absolute;
  top: 33px;
  right: 663px;
  z-index: 10000;
  background: #fff;
  line-height: 24px;
  display: none;
}

.city li a {
  color: #0099FF;
}

.city span a {
  color: #3A3A3A;
}

.net-nav {
  width: 657px;
  height: 220px;
  position: absolute;
  top: 34px;
  right: 117px;
  border: 1px solid #dadada;
  background: #fff;
  z-index: 100000;
  display: none;
}

.net-nav ul {
  width: 218px;
  height: 220px;
  float: left;
  border-right: 1px solid #dadada;
}

.net-nav ul li:nth-child(1) {
  width: 210px;
  color: #008000;
  font-size: 18px;
  font-weight: bold;
  float: left;
}

.iphone {
  width: 232px;
  height: 170px;
  border: 1px solid #dadada;
  position: absolute;
  top: 34px;
  right: 204px;
  z-index: 1000000;
  background: #fff;
  display: none;
}

.iphone img:nth-child(1) {
  margin: 20px 0 0 20px;
}

#top-r .net-nav ul li {
  width: 40px;
  float: left;
}

#head {
  height: 104px;
}

.head-con {
  width: 1200px;
  margin: auto;
}

.head-l {
  width: 240px;
  height: 76px;
  float: left;
}

.head-c {
  width: 515px;
  float: left;
  margin-top: 28px;
  margin-left: 196px;
}

.head-c input {
  width: 431px;
  height: 34px;
  border: 1px solid #669900;
  color: #969696;
  float: left;
}

.head-c button {
  width: 80px;
  height: 36px;
  background: #76ac25;
  color: #fff;
  font-size: 18px;
  border: none;
  float: left;
}

.head-c a {
  color: #969696;
  font-size: 12px;
}

.head-c a:hover {
  color: #76ac25;
}

.head-r {
  float: right;
  height: 74px;
  text-align: center;
  line-height: 35px;
  margin-top: 28px;
}

.head-r p {
  font-size: 12px;
  color: #969696;
}

.head-r > div {
  width: 196px;
  height: 35px;
  border: 1px solid #eeeeee;
  float: left;
}

.head-r p {
  display: inline-block;
}

.head-r button {
  width: 40px;
  height: 34px;
  background: #fa9600;
  color: #fff;
  float: right;
}

#nav {
  height: 34px;
  position: relative;
}

.nav-con {
  width: 1200px;
  margin: auto;
}

.nav-l {
  width: 200px;
  height: 32px;
  background: #76ac25;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  float: left;
}

.nav-l a {
  color: #fff;
  font-weight: bold;
}

.nav-c {
  width: 750px;
  float: left;
}

.nav-c li:nth-child(1) {
  width: 76px;
  height: 32px;
  float: left;
}

.nav-c li {
  display: inline-block;
  width: 104px;
  height: 32px;
  text-align: center;
}

.nav-c li a {
  color: #333333;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
}

.nav-c li a:hover {
  color: #679800;
}

.nav-c li:nth-child(1) a {
  color: #679800;
}

.nav-r {
  width: 198px;
  height: 32px;
  float: right;
}

#banner {
  height: 480px;
  position: relative;
}

.swiper-container, .swiper-wrapper {
  height: 480px;
}

.swiper-pagination {
  width: 25px;
  height: 25px;
  border-radius: 12px;
}

.swiper-slide img {
  display: block;
  margin-left: 232px;
}

.swiper-pagination-bullet {
  line-height: 25px;
  text-align: center;
  color: #fff;
  background: #999;
  font-family: "microsoft yahei";
}

.swiper-pagination-bullet-active {
  background: orangered;
}

.menu {
  width: 200px;
  height: 482px;
  background: #76ac25;
  position: absolute;
  top: 170px;
  left: 32px;
  z-index: 999;
}

.menu span {
  display: block;
  width: 185px;
  height: 54px;
}

.menu ul {
  padding-top: 3px;
  padding-left: 15px;
}

.menu span:hover {
  background: #fff;
}

.menu span:hover a {
  color: #669900;
}

.menu a:hover {
  text-decoration: underline;
}

.menu ul a {
  color: #ddeac8;
}

.menu h3 {
  font-size: 14px;
  font-weight: 400;
  padding-left: 15px;
  margin-top: 5px;
}

.menu li {
  font-size: 12px;
}

.banner-add1 {
  width: 560px;
  height: 482px;
  background: white;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 200px;
  z-index: 1;
  display: none;
}

.banner-add1 strong {
  display: inline-block;
  font-size: 12px;
}

.banner-add1 strong a {
  color: #76ac25;
}

.banner-add1 dd a {
  font-size: 12px;
  color: #646464;
}

.banner-add1 img {
  position: absolute;
  bottom: 0px;
}

#add2 {
  width: 262px;
  height: 446px;
  position: absolute;
  right: 29px;
  top: 190px;
  z-index: 999;
}

.addmask {
  width: 260px;
  height: 185px;
  background: pink;
  opacity: 0.3;
  position: absolute;
  top: 0px;
  right: 2px;
  display: none;
}

.addmask1 {
  width: 260px;
  height: 130px;
  background: pink;
  opacity: 0.3;
  position: absolute;
  top: 188px;
  right: 2px;
  display: none;
}

.addmask2 {
  width: 260px;
  height: 130px;
  background: pink;
  opacity: 0.3;
  position: absolute;
  top: 321px;
  right: 2px;
  display: none;
}

#shop {
  height: 533px;
  position: relative;
}

.shop-con {
  width: 1200px;
  margin: auto;
}

.shoper {
  width: 957px;
  height: 460px;
  float: left;
}

.shop-con h2 {
  color: #333333;
  font-weight: normal;
  font-size: 18px;
  font-family: Microsoft YaHei;
  padding: 35px 0 9px 16px;
}

.shop-con span {
  height: 14px;
  font-family: Microsoft YaHei;
  font-size: 12px;
  position: absolute;
  top: 39px;
  left: 135px;
}

.shop-t {
  width: 946px;
  height: 260px;
}

.shop-t > li img {
  border: 1px solid #e8e8e8;
  border-right: none;
}

.shop-t li:nth-child(4) {
  border-right: 1px solid #e8e8e8;
}

.shop-t > li {
  float: left;
}

.shop-t li:hover .gouwuche {
  display: block;
}

.shop-t li {
  position: relative;
}

.gouwuche {
  width: 150px;
  height: 30px;
  background: #428000;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-weight: 900;
  border-radius: 5px;
  position: absolute;
  bottom: 18px;
  left: 40px;
  display: none;
}

.shop-b {
  width: 946px;
  height: 200px;
}

.shop-b img {
  border: 1px solid #e8e8e8;
  border-top: none;
  border-right: 0px;
}

.shop-b > li {
  float: left;
}

.shop-b li:nth-child(4) {
  border-right: 1px solid #e8e8e8;
}

.shop-l {
  width: 220px;
  height: 461px;
  border: 1px solid #e8e8e8;
  float: right;
}

.shop-l > div {
  width: 205px;
  height: 28px;
  border-bottom: 1px dashed #e8e8e8;
  margin-left: 10px;
  margin-top: 14px;
}

.shop-l h4 {
  display: inline-block;
  font-size: 14px;
  font-weight: 100;
  color: #323232;
}

.shop-l ul {
  margin-left: 10px;
}

.shop-l i {
  float: right;
  font-size: 12px;
  color: #969696;
}

.shop-l .li1 a {
  font-size: 12px;
  color: #fa6400;
}

.shop-l .li1 a:hover {
  text-decoration: underline;
}

.shop-l li a {
  font-size: 12px;
  color: #666666;
  line-height: 26px;
}

.shop-l .li2 a:hover {
  color: #76ac25;
}

.add-shop {
  position: relative;
}

.gwc {
  width: 160px;
  height: 31px;
  background: #76ac25;
  position: absolute;
  left: 40px;
  bottom: 20px;
  z-index: 999;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  border-radius: 5px;
}

#timer {
  height: 391px;
}

.timer-con {
  width: 1200px;
  height: 391px;
  margin: auto;
}

.ttop {
  font-size: 24px;
  font-family: Microsoft YaHei;
  color: #FA6400;
  height: 61px;
  background: #fa6400;
  position: relative;
}

.ttop h2 {
  position: absolute;
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  top: 8px;
  margin-left: 20px;
}

.ttop p {
  position: absolute;
  left: 230px;
  color: #fff;
  font-size: 16px;
  bottom: 20px;
}

.ttop font {
  position: absolute;
  left: 680px;
  bottom: 20px;
  color: #fff;
  font-size: 16px;
}

.timer-l {
  width: 943px;
  height: 357px;
  border: 1px solid #e8e8e8;
  margin: 32px 0 0 0;
  float: left;
}

.timer-l li {
  width: 185px;
  height: 284px;
  float: left;
  margin: 13px 3px 0 0;
}

.timer-l li img {
  border: 1px solid #e8e8e8;
  display: block;
  float: right;
}

.title {
  font-size: 12px;
  color: #565656;
  padding-left: 20px;
  line-height: 24px;
}

.price1 {
  font-size: 14px;
  float: left;
  color: #fa6400;
  font-weight: bold;
  padding-left: 20px;
  margin-top: 2px;
}

.price2 {
  font-size: 14px;
  float: right;
  color: #979797;
  font-weight: bold;
  text-decoration: line-through;
  margin-top: 2px;
}

.timer-b a {
  display: block;
  width: 166px;
  height: 24px;
  background: #fa6400;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  float: right;
  margin-top: 30px;
}

.timer-r {
  width: 222px;
  height: 330px;
  float: right;
  margin-top: 32px;
}

#show {
  height: 100px;
}

.show-con {
  width: 1200px;
  margin: auto;
  margin-top: 30px;
}

#fruit {
  height: 470px;
  position: relative;
}

.fruit-con {
  width: 1200px;
  margin: auto;
  margin-top: 30px;
  border-top: 1px solid #adcd7c;
}

.fruit-l {
  width: 240px;
  height: 470px;
  float: left;
}

.fruit-l h5 {
  width: 240px;
  height: 50px;
  background: #76ac25;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
}

.fruit-l img {
  position: absolute;
  left: 22px;
  float: left;
}

.fruit-c {
  width: 730px;
  height: 469px;
  float: left;
  border-bottom: 1px solid #f4f4f4;
}

.fruit-c li {
  width: 176px;
  height: 210px;
  float: left;
  margin: 15px 0 10px 0;
}

.fruit-c li:nth-child(1) {
  margin-left: 15px;
}

.fruit-c li:nth-child(5) {
  margin-left: 15px;
}

.fruitc a {
  font-size: 12px;
  color: #666666;
}

.fruitc {
  margin-top: 5px;
}

.fruitb b {
  font-size: 18px;
  font-weight: bold;
  color: #ea5404;
  line-height: 34px;
  font-family: "blackadder itc";
}

.fruit-r {
  width: 220px;
  height: 469px;
  position: relative;
  float: right;
  bacground: #f4f4f4;
}

.frt {
  width: 200px;
  height: 220px;
  background: #f4f4f4;
  padding-top: 20px;
  padding-left: 20px;
}

.frt > div a {
  display: inline-block;
  background: #fff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  float: left;
  font-size: 12px;
  color: #404040;
  text-align: center;
  line-height: 55px;
  margin: 0 10px 10px 0;
}

.frt > div a:hover {
  background: #76ac25;
  color: #fff;
}

.frt-b img {
  position: absolute;
  bottom: 0px;
}

.trt-b a:nth-child(1) {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  color: #ffa6cc;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  display: block;
  position: absolute;
  top: 303px;
  left: 21px;
}

.trt-b a:nth-child(1):hover {
  background: #76ac25;
  color: #fff;
}

.fruitt {
  position: relative;
}

.add-cart {
  width: 160px;
  height: 28px;
  background: #76ac25;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  border-radius: 5px;
}

#share {
  height: 201px;
  margin-top: 30px;
}

.share-con {
  width: 1200px;
  margin: auto;
}

.weidao {
  width: 400px;
  height: 201px;
  float: left;
}

.weidao-b {
  height: 201px;
  position: relative;
}

.weidao h3 {
  width: 400px;
  height: 32px;
  border-bottom: 1px solid #e8e8e8;
}

#small {
  height: 201px;
  width: 170px;
  position: absolute;
  left: 0px;
  top: 20px;
}

.small {
  width: 170px;
  height: 120px;
  float: left;
  overflow: hidden;
}

.small img {
  display: inline-block;
  margin-left: 0;
}

.weidao-r {
  width: 215px;
  height: 120px;
  float: left;
  margin: 25px 0 0 15px;
}

.weidao-r ul {
  position: absolute;
  left: 205px;
  top: 26px;
}

.hot {
  width: 420px;
  height: 201px;
  float: left;
}

.youpin {
  float: left;
  width: 339px;
  height: 201px;
  border: 1px solid #e8e8e8;
}

.weidao-r a {
  font-size: 12px;
  color: #646464;
}

.weidao-r a:hover {
  color: #76ac25;
}

.hott {
  width: 420px;
  height: 32px;
  border-bottom: 1px solid #e8e8e8;
}

.wenzi dl {
  border-bottom: 1px solid #e8e8e8;
  height: 84px;
}

.wenzi, .wenzi1 {
  width: 420px;
  height: 180px;
}

.wenzi2 {
  width: 420px;
  height: 90px;
}

.wenzi dt {
  display: inline-block;
  padding-top: 51px;
  width: 50px;
}

.wenzi2 dt img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 27px;
  left: -232px;
}

.tupian {
  position: absolute;
  top: 50px;
  left: -232px;
}

.wenzi dd {
  margin-top: 39px;
  width: 340px;
  display: inline-block;
}

.wenzi dd p a {
  font-size: 12px;
  color: #fa9600;
}

.wenzi dd b a {
  font-size: 12px;
  color: #646464;
  font-weight: 100;
}

.hot dd a:hover {
  text-decoration: underline;
}

.youpin-t {
  width: 300px;
  border-bottom: 1px solid  #e8e8e8;
  height: 50px;
  margin-left: 15px;
}

.youpin-t h3 {
  display: inline-block;
  line-height: 50px;
}

.youpin-t span {
  font-size: 12px;
  color: #949494;
  float: right;
  line-height: 50px;
}

.youpin-c {
  width: 300px;
  height: 70px;
  overflow: hidden;
}

.youpin-c img {
  width: 70px;
  height: 70px;
}

.youpin-c li {
  float: left;
  width: 70px;
}

.module-title {
  position: relative;
}

.module-title h3 {
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  height: 45px;
  line-height: 45px;
  padding: 0px 9px;
  border-top: 2px solid #999999;
  margin-top: -1px;
  margin-bottom: 5px;
}

.module-title ul {
  right: 10px;
  position: absolute;
  top: 10px;
}

.module-title li.next {
  width: 60px;
  height: 20px;
  line-height: 20px;
}

.module-title li a {
  display: block;
  overflow: hidden;
  widtb: 100%;
  cursor: pointer;
  color: #ffffff;
  height: 100%;
  background: url(../images/more_ico.jpg) no-repeat right center;
  color: #999999;
}

#sales-product .module-title LI.next a {
  height: 20px;
  width: 60px;
}

#sales-product-main {
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  OVERFLOW: hidden;
  WIDTH: 1180px !important;
  PADDING-TOP: 9px;
  POSITION: relative;
  margin: 0px auto;
}

#sales-product-main ul {
  WIDTH: 1180px;
}

#sales-product-main LI A.a1 {
  DISPLAY: block;
  MARGIN: 0px auto;
  VERTICAL-ALIGN: middle;
  WIDTH: 187px;
  HEIGHT: 178px;
  TEXT-ALIGN: center;
}

#sales-product-main LI A.sales-product-pic span {
  DISPLAY: inline-block;
  VERTICAL-ALIGN: middle;
  WIDTH: 0px;
}

#sales-product-main LI SPAN.price_symbol {
  FONT-SIZE: 23px;
  LINE-HEIGHT: 20px;
}

#sales-product-main ul li {
  width: 70px;
  float: left;
  margin-right: 20px;
}

#sales-product-main ul li a {
  display: block;
}

#sales-product-main ul li a span {
  display: block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  color: #666666;
  text-align: center;
}

#sales-product-main ul li a span:hover {
  color: #ff8400;
  text-decoration: underline;
}

#sales-product-main ul li em {
  font-size: 14px;
  color: #ff8400;
  font-weight: bold;
  font-style: normal;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
  display: block;
}

#sales-product {
  overflow: hidden;
}

#footer {
  height: 121px;
}

#footer img {
  padding-top: 14px;
}

#link {
  height: 155px;
  margin-top: 30px;
}

#link .link-con {
  width: 1200px;
  margin: auto;
}

.link-l {
  width: 290px;
  height: 133px;
  float: left;
  margin: 23px 0 0 0;
}

.link-l img {
  display: block;
}

.link-l b {
  display: block;
  height: 30px;
  margin-top: 10px;
  font-size: 24px;
  color: #646464;
  font-weight: 900;
}

.link-l p {
  font-size: 12px;
  color: #969696;
  line-height: 20px;
}

.link-c {
  width: 645px;
  height: 120px;
  float: left;
  margin: 35px 0 0 0;
}

.link-c ul {
  float: left;
  width: 120px;
  margin-right: 8px;
}

.link-c li:nth-child(1) {
  font-size: 14px;
  color: #707070;
  font-weight: 900;
}

.link-c li a {
  font-size: 12px;
  color: #646464;
}

.link-c li a:hover {
  color: #76ac25;
}

.link-c li {
  width: 120px;
  height: 20px;
  text-align: center;
}

.link-r {
  width: 235px;
  height: 145px;
  float: left;
  margin: 35px 0 0 20px;
}

.link-r ul:nth-child(1) {
  width: 130px;
  height: 120px;
  float: left;
}

.link-r ul:nth-child(2) {
  width: 80px;
  height: 120px;
  float: left;
}

.link-r a {
  font-size: 14px;
  color: #646464;
  font-weight: bold;
}

.link-r ul li {
  width: 80px;
  height: 24px;
  text-align: center;
}

.link-r span {
  display: block;
  margin-top: 10px;
}

#bottom {
  height: 100px;
  border-top: 1px solid #E0E0E0;
  margin-top: 30px;
}

.bottom-con {
  width: 1200px;
  margin: auto;
  padding-top: 20px;
}

.bottom-l {
  width: 180px;
  height: 37px;
  float: left;
}

.bottom-r {
  width: 543px;
  height: 36px;
  float: left;
  margin-left: 20px;
}

.bottom-r a {
  font-size: 12px;
  color: #646464;
}

.bottom-r a:hover {
  color: #76ac25;
}

.bottom-r span {
  font-size: 12px;
  color: #969696;
}

#slide {
  width: 44px;
  height: 244px;
  position: fixed;
  right: 10px;
  bottom: 10px;
}

#slide a {
  color: #666666;
  text-align: center;
}

.slide-c {
  width: 44px;
  height: 44px;
  border: 1px solid #e1e1e1;
  margin-top: 5px;
  background: #f8f8f8;
}

.slide-c i {
  font-size: 24px;
  text-align: center;
  line-height: 44px;
  font-weight: 100;
}

.slide-c:hover {
  background: #A5A5A5;
  color: #fff;
}
